<template>
  <div>
    <a-drawer
      placement="right"
      :closable="false"
      @close="onClose"
      :visible="visible"
    >
    <treeData/>
    </a-drawer>
  </div>
</template>
<script>
  import TreeData from './TreeData'

  export default {
    components: { TreeData },
    props: ['visible'],
    data() {
      return {}
    },
    methods: {
      onClose() {
        this.$emit('onVisibleChange', false)
      }
    }
  }
</script>